<template>
  <div class="projectRoleSelectContainer">
    <el-select v-model="value" multiple>
      <el-option
        v-for="(item, index) in prop.options"
        :key="item.value"
        :label="item.label"
        :value="item.value"
      ></el-option>
    </el-select>
  </div>
</template>
<script setup lang="ts">
  import { ref } from "vue";
  import { ElSelect, ElOption } from "element-plus";
  interface Props {
    options: {
      label: string;
      value: string;
    }[];
  }
  const prop = defineProps<Props>();
  // const value = defineModel();
  const value = ref<string[]>([]);
</script>

<style scoped lang="scss">
  .projectRoleSelectContainer {
    width: 100%;
    height: 100%;
  }
</style>
